#5965C2

Color Details

HEX
#5965C2
RGB
rgb(89, 101, 194)
HSL
hsl(233, 46%, 55%)
CMYK
cmyk(54%, 48%, 0%, 24%)
Best text on this color #FFFFFF (CR 5.17:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5965c2
Contrast 4.07:1 Fail
White on #5965c2
Contrast 5.17:1 AA
#5965c2 on Black
Contrast 4.07:1 Fail
#5965c2 on White
Contrast 5.17:1 AA

Tints & Shades

#7a84ce
#9ba3da
#bdc1e7
#47519b
#353d74
#24284e

Complement & Analogous

#c1b557
#8057c1
#5799c1

Triadic

#c15764
#64c157

Monochrome

#24284e #353d74 #5965c2 #9ba3da #bdc1e7 #dee0f3

Analogous

#5799c1 #89b8d4 #5965c2 #9979cd #8057c1 #66469a

Complementary Mix

#353d74 #5965c2 #9ba3da #c1b557 #d7cf92 #7d7639

Nearby Colors

#5965c1
#5965c3
#5965b2
#5965d2

Embed #5965C2 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #5965C2

#5965C2 converts to RGB(89, 101, 194) and HSL(233, 46%, 55%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#5965C2 FAQs

What is the RGB value of #5965C2?
RGB: 89, 101, 194. Copy as CSS: rgb(89, 101, 194)
Is #5965C2 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5965C2?
Complement: #c1b557.
Does #5965C2 have good contrast on white or black?
On white: 5.17:1 (AA (normal text)). On black: 4.07:1 (AA (large text)).